<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BhSy</title>
    <link rel="stylesheet" href="/BhSyCase/css/BhSyCaseMain.css">
    <script src="/BhSyCase/js/BhSyCaseMain.js"></script>
</head>
<body>
<div id="BhSyAll">
    <div id="BhSyCaseTopFix">
        <uL class="BhSyUl">
            <a href="#">
                <li>BhSY</li>
            </a>
            <a href="#">
                <li>官方题库</li>
            </a>
            <a href="/BhSyCase/GoBhSy/openWeb?findU=BhSyCaseJoin.jsp">
                <li>登录</li>
            </a>
        </uL>
    </div>
    <div class="BhSyDiv01">
        <p class="BhSyLb">
            关于
        </p>
    </div>
    <div class="BhSyDiv02">
        <p class="BhSyLb">
            报考
        </p>
    </div>
    <div class="BhSyDiv03">
        <p class="BhSyLb">
            详细
        </p>
    </div>

    <div class="BhSyBackGround Background-blur" style=" background-image: url('${pageContext.request.contextPath}/img/BhCase/img01.jpg')">

    </div>
    <div class="BhSyFont01" style="display: block">
        <h1>--- BhSy ---</h1>
        <p>BhSy--提供线上考试功能,用户可以挑选题目,发布试卷.</p>
    </div>
    <div class="BhSyFont01" style="display: none">
        <h1>--- 报 考 ---</h1>
        <p>提供线上报考,查看官方题库进行刷题,提高效率.</p>
    </div>
    <div class="BhSyFont01" style="display: none">
        <h1>--- BhSy ---</h1>
        <p>BhSy--提供线上考试功能,用户可以挑选题目,发布试卷.</p>
    </div>
</div>
</body>
<script>
    window.onload = function (){
        var bhSyDiv01 = document.getElementsByClassName("BhSyDiv01");
        var bhSyDiv02 = document.getElementsByClassName("BhSyDiv02");
        var bhSyDiv03 = document.getElementsByClassName("BhSyDiv03");
        var BhSyFont01 = document.getElementsByClassName("BhSyFont01");

        var bhSyBackGround =document.getElementsByClassName("BhSyBackGround");
        bhSyDiv01[0].onmouseover = function (){
            bhSyBackGround[0].style.backgroundImage="url('/BhSyCase/img/BhCase/img01.jpg')";
            BhSyFont01[0].style.display="block";
            BhSyFont01[1].style.display="none";
            BhSyFont01[2].style.display="none";
        }

        bhSyDiv02[0].onmouseover = function (){
            bhSyBackGround[0].style.backgroundImage="url('/BhSyCase/img/BhCase/img02.jpg')";
            BhSyFont01[0].style.display="none";
            BhSyFont01[1].style.display="block";
            BhSyFont01[2].style.display="none";
        }

        bhSyDiv03[0].onmouseover = function () {
            bhSyBackGround[0].style.backgroundImage = "url('/BhSyCase/img/BhCase/img03.jpg')";
            BhSyFont01[0].style.display = "none";
            BhSyFont01[1].style.display = "none";
            BhSyFont01[2].style.display = "block";
        }

    }
</script>
</html>